import QtQuick 1.0
import com.nokia.symbian 1.0
import Qt.labs.components.native 1.0

Rectangle {
    id: rectangle1
    width: 360
    height: 578
    color: "#e6e6e6"
    border.color: "#000000"

    signal addRecepieButtonClicked
    signal searchRecepieButtonClicked
    signal advancedSearchButtonClicked
    property alias searchWord: searchWordInput.text

    TextField{
        id: searchWordInput
        anchors.verticalCenter: parent.verticalCenter
        anchors.horizontalCenter: parent.horizontalCenter
        width: parent.width * 0.8
        height: 40
    }

    Button{
        id: searchButton
        text: qsTr("Search recepie")
        width: 200
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top: searchWordInput.bottom
        anchors.topMargin: 10
        onClicked: searchRecepieButtonClicked();
    }

    Button{
        id: advancedSearchButton
        text: qsTr("Advanced search")
        width: 200
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top: searchButton.bottom
        anchors.topMargin: 10
        onClicked: advancedSearchButtonClicked();
    }

    Button{
        id: addRecepieButton
        text: qsTr("Add recipe")
        width: 200
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top: advancedSearchButton.bottom
        anchors.topMargin: 10
        onClicked: addRecepieButtonClicked();
    }

    Behavior on width { PropertyAnimation { easing.type: Easing.InOutBack; duration: 1000 } }
    Behavior on opacity { NumberAnimation { duration: 1000 } }
    Behavior on visible { NumberAnimation { duration: 1000 } }
}
